<template>
	<div class="formInfo">
		<Modal class="form-wrapper" v-model="showFormDetail" title="Common Modal dialog box title" @on-cancel="cancel" width="50%" :scrollable="true">
			<div slot="header" class="form-header">
				<p class="no">
					<span>文件流水号:{{ followId }}</span>
				</p>
			</div>
			<iframe ref="iframe" allowTransparency="true" class="iframelink" width="100%" height="100%" :src="formRemotelinkurl"></iframe>
			<div slot="footer"></div>
		</Modal>
	</div>
</template>
<script>
export default {
	components: {},
	props: {
		showFormInfo: {
			type: Boolean,
			required: true,
			default: () => false
		},
		followId: {
			type: String,
			required: true,
			default: () => ''
		},
		formId: {
			type: Number,
			default: () => 0,
			required: true
		}
	},
	data() {
		return {
			showFormDetail: false,
			formRemotelinkurl: `${formUrl}/?id=${this.formId}&token=${this.$store.state.token}&url=${loginUrl}&template=0&hash=${new Date().getTime()}`
		};
	},
	created() {},
	mounted() {
		this.showFormDetail = JSON.parse(JSON.stringify(this.showFormInfo));
	},
	methods: {
		cancel() {
			this.$emit('cancel');
		}
	}
};
</script>
<style scoped>
.iframelink {
	width: 100%;
	height: 100%;
	min-height: 600px;
	border: none;
}
</style>
<style lang="less">
.form-wrapper {
	.ivu-modal-body {
		padding: 0 0 0 10px;
	}
	.ivu-modal-footer {
		display: none;
	}
}
</style>
